<template>
  <a-card :bordered="false">
  <a-tabs size="small">
    <a-tab-pane :tab="$t('m.system.role.other.front_role')" key="1">
      <RoleList back="0" style="background: #F0F2F5; min-height: calc(100vh - 183px);"></RoleList>
    </a-tab-pane>
    <a-tab-pane :tab="$t('m.system.role.other.back_role')" key="2">
      <RoleList back="1" style="background: #F0F2F5; min-height: calc(100vh - 183px);"></RoleList>
    </a-tab-pane>
  </a-tabs>
  </a-card>
</template>

<script>

  import RoleList from './RoleList'

  export default {
    name: 'RoleTab',
    components: {
      RoleList
    },
    data () {
      return {}
    },
    methods: {}
  }
</script>

<style lang="less" scoped>

  /deep/ .ant-card-body {
    padding: 10px 24px 5px 24px !important;
  }
</style>
